﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style4.css">
</head>
<body>
<div class="box">
    <div class="circle spring">
        <div class="text">
            <h2>春天</h2>
            <p>万物复苏,阳光和煦,一派生机盎然的景象</p>
        </div>
    </div>
    <div class="circle summer">
        <div class="text">
            <h2>夏天</h2>
            <p>艳阳高照,蝉鸣蝶舞,植物正茂盛,郁郁葱葱,挡住了毒热的阳光</p>
        </div>
    </div>
    <div class="circle autumn">
        <div class="text">
            <h2>秋天</h2>
            <p>谷物丰收,北雁南飞,大地逐渐有了金色的妆容</p>
        </div>
    </div>
    <div class="circle winter">
        <div class="text">
            <h2>冬天</h2>
            <p>狂风呼啸,大雪纷飞,银白色的一片孕育着来年的又一轮回...</p>
        </div>
    </div>
</div>    
</body>
</html>